<!DOCTYPE html>
<html lang="en">
<head>
    <title>白大师官网|茶叶加盟</title>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="eagleeye-trace" content="213ee58216425728818882790d038b">
    <meta name="referer-host" content="">
    <meta name="referer-host-valid" content="false">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <!--引入字体图标-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="icon" href="images/tea_favicon.ico">

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery-3.6.0.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!--引入axios和vue-->
    <script src="js/axios.min.js"></script>
    <script src="js/vue.js"></script>
    <link rel="stylesheet" href="bower_components/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="bower_components/css/font-awesome.css">
    <script>
        //全登陆不允许iframe嵌入
        if (window.top !== window.self) {
            window.top.location = window.location;
        }
        window.enableWwSsoPluginLogin = true;
    </script>
    <style>

        body{
            width:1200px;
            margin: 0 auto;
        }


        section{
            background-image: url("images/login_background.jpg");
            background-repeat: no-repeat;
            height: 550px;
            /*width: 1200px;*/
            /*background-size:200%;*/
            background-position: 50% -30px;
            border-left: none;
            border-right: none;
            overflow: hidden;
        }


        section.container{
            border-left: none;
            border-right: none;
        }

        .page-header>img{
            width: 10%;
            position: absolute;
            margin-top: -28px;
            margin-left: 10px;
        }
        .panel-title1{
            margin-left:12px
        }
        .panel-heading>a{
            padding-right: 4px;
        }
        #from-group1{
            margin-bottom:10px;
        }
        #from-group{
            margin-bottom:0;
        }
        #button{
            width:230px
        }
        #from-group1>.col-sm-12{
            position: relative;
        }
        .reg-group{
            font-size: 5px;
            float: right;
        }
        #panel-title1{
            color: #3c3c3c;
            font-size: 16px;
            margin-left: 0;
        }
        #panel-title2{
            color: #3c3c3c;
            font-weight: bold;
            font-size: 16px;
        }
        #rem-user{
            color: #3c3c3c;
            font-size: 8px;
        }
        #footer{
            margin-top: 200px;
        }
        #row{
            margin-top:150px;
            margin-right:-60px;
        }
        .page-header{
            position:relative;
            margin-bottom: 0;
        }
        /*#inputEmail3{*/
        /*    position: relative;*/
        /*}*/

        /*#inputPassword3{*/
        /*    position: relative;*/
        /*}*/

        /*#user-icon{*/
        /*    position: absolute;*/
        /*    margin-right: 50px;*/
        /*}*/


    </style>
</head>
<body>
<header >
    <div class="page-header">
        <img src="images/baidashi_logo.png" alt="">
    </div>
</header>
<section class="container" >
    <div class="row" id="row">
        <div class="col-md-3 col-md-offset-8" >
            <div class="panel panel-default">
                <div class="panel-heading" style="text-align: center">
                    <a href="javascript:void(0)" style="text-decoration: none "><span id="panel-title1" class="panel-title1">用户登录</span></a>
                </div>
                <div id="error" class="alert alert-danger d-none">
                    <i class="fa fa-exclamation-triangle"></i> 账号或密码错误
                </div>
                <div id="logout" class="alert alert-info d-none">
                    <i class="fa fa-exclamation-triangle"></i> 已经登出系统
                </div>
                <div id="register" class="alert alert-info d-none">
                    <i class="fa fa-exclamation-triangle"></i> 已经成功注册，请登录。
                </div>
                <div class="panel-body">
                    <!--登录表单开始-->
                    <form action="/login" method="post" class="form-horizontal">
                        <div class="form-group" id="from-group1">
                            <div class="col-sm-12" >
                                <input  type="text" class="form-control" id="inputEmail3"  name="username" placeholder="请输入用户名" style="width:230px">
<!--                                <span class="fa fa-user form-control-icon" id="user-icon"></span>-->
                            </div>
                        </div>
                        <div class="form-group" id="from-group">
                            <div class="col-sm-12">
                                <input class="form-control" id="inputPassword3" type="password" placeholder="请输入密码" name="password" style="width:230px">
<!--                                <span class="fa fa-lock form-control-icon" id="password-icon"></span>-->
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-8 ">
                                <div class="checkbox" id="checkbox">
                                    <label id="rem-user"><input type="checkbox">记住用户名和密码</label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12" style="text-align: center">
                                <button id="button" type="submit" class="btn btn-info">登录</button>
                            </div>
                        </div>
                    </form>
                    <!--登录表单结束-->
                    <div class="reg-group">
                        <a href="" style="text-decoration:none">忘记密码</a>
                        <a href="" style="text-decoration:none">忘记用户名</a>
                        <a href="register.html" style="text-decoration:none">免费注册</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<footer class="container" >
    <div style="text-align: center" id="footer">
        Copyright © 北京达内金桥科技有限公司版权所有 京ICP备12003709号-3
    </div>
</footer>
<script src="bower_components/bootstrap/js/bootstrap.js"></script>
<script src="bower_components/jquery/dist/jquery.js"></script>

<script>
    if(location.search=='?error'){
        $("#error").removeClass("d-none");
    }
    if(location.search=='?logout'){
        $("#logout").removeClass("d-none");
    }
    if(location.search=='?register'){
        $("#register").removeClass("d-none");
    }
</script>
</body>
</html>